<style lang="scss" scoped>
	.page-wrap{
		.search-wrap{
			.fixed{
				background: $uni-color-primary;
				padding: 10rpx 32rpx;
				position: fixed;
				width: 100%;
				height: 90rpx;
				top:v-bind(headHeight);
				left:0;
				z-index: 8001;
				:deep(.is-input-border){
					border-radius: 50px;
					border-color:$uni-color-primary !important;
				}
			}
			.block{
				height: 90rpx;
			}
		}
		.page-content{
			width: 100%;
			height: 200rpx;
			padding: 10rpx 0;
			position: relative;
			&::before{
				content:"";
				display: block;
				width: 984rpx;
				height: 330rpx;
				border-radius: 50%;
				background: $uni-color-primary;
				position: absolute;
				left: calc(50% - 492rpx);
				top: -50%;
				z-index: -1;
			}
			.banner{
				width: 100%;
				.swiper{
					width: 100%;
					height: 200rpx;
					&-item{
						width: 100%;
						height: 100%;
						overflow: hidden;
						.img{
							width: 100%;
							height: 80%;
						}
					}
				}
			}
		}
	}
</style>
<template>
	<view class="page-wrap">
		<mod-nav-bar title="首页" title-color="#fff" ></mod-nav-bar>
		<view class="search-wrap">
			<view class="fixed">
				<uni-easyinput suffixIcon="search" v-model.trim="searchVal" placeholder="请输入要搜索的产品..." @iconClick="handleSearch" @confirm="handleSearch"></uni-easyinput>
			</view>
			<view class="block">
			</view>
		</view>
		<view class="page-content">
			<view class="banner">
				<swiper class="swiper" circular indicator-dots="true" autoplay="true" interval="3000">
					<swiper-item class="swiper-item">
						<img class="img" src="/static/img/10c1ab5e66a84d8695e0c737556b5494.jpg" alt="" />
					</swiper-item>
					<swiper-item  class="swiper-item">
						<img class="img" src="/static/img/f03eca4c53dc4b6199b4e58947ad79ec.jpg" alt="" />
					</swiper-item>
				</swiper>
			</view>
		</view>
		<view class="texr" v-for="item in 50" :key="item">
			{{item}}
		</view>
	</view>
</template>
<script setup>
	import {ref} from "vue"
	import { useNavBarStyle} from "@/utils/system.js"
	const {headHeight} = useNavBarStyle()
	const searchVal =ref()
	const handleSearch =()=>{
		
	}
</script>
